* {
 padding:0; margin:0;
}

html, body, div, span, 
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a,
font, dl, dt, dd, ol, ul, li, 
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
body, button, input, select, textarea { 
	color: #aaa; font-family: sans-serif;
}
label { cursor: default; }

body {
 background:url(lunchboxgourmet.net.jpg) repeat;	
}

a {
 text-decoration:none;
}

a img {
 border:none;
}

#wrapper {
 margin: 0 auto;
 width: 960px;
}

#header {
 margin-top: 10px;
 position: relative;
 padding-bottom: 15px;
 display: block;
}

#logo {
 width: 150px;
 height: 90px;
 padding-left:10px;	
}
#callnow {
 position: absolute;
 top: 0;
 right:0;
 width:175px;
 padding:38px 10px 10px 35px;
 font:18px Arial, Helvetica, sans-serif;
 text-align:right;
 vertical-align: baseline;
}
#phone {
 color: #ce2b37;
 display: block;
 font-size:21px;
 font-weight:normal;
}

#nav {
 clear: both;
 height: 40px;
 /* Fallback for web browsers that doesn't support RGBa */
 background: rgb(0, 141, 70);
 /* RGBa with 0.6 opacity */
 background: rgba(0, 141, 70, 0.6);
 border-radius: 10px 10px 0 0; 
 -moz-border-radius: 10px 10px 0 0; 
 -webkit-border-radius: 10px 10px 0 0; 
 border-top: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
}

#nav ul {
 margin-top: 20px;
 vertical-align: baseline;
 line-height: 13px;
 list-style: none outside none;
}

#nav li {
 display: inline;
 padding-left: 10px;
 padding-right: 10px;
 margin-left: 10px; 
}

#nav a {
 color: #ffffff;
 text-shadow:1px 1px 1px #000000;
}

#nav a:hover {
 color: #643926;
 text-shadow: none;
}

#nav a.selected {
 color: #643926;
 text-shadow: none;
}

/* MENU HOVER */
ul.semiopaquemenu{ /* main menu UL */
font: bold 14px Georgia ;
width: 100%;
text-align: left; /* set value to "left", "center", or "right" to align menu accordingly */
}

ul.semiopaquemenu li{
display: inline;
}

ul.semiopaquemenu li a{
color:#643926;
padding: 6px 8px 6px 8px; /* padding of the 4 sides of each menu link */
margin-right: 15px; /* spacing between each menu link */
text-decoration: none;
}

ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected{
background: #FFFFCC;
 border-radius: 5px 5px 0 0; 
 -moz-border-radius: 5px 5px 0 0; 
 -webkit-border-radius: 5px 5px 0 0; 
padding-top: 7px; /* large padding to get menu item to protrude upwards */
padding-bottom: 7px; /* large padding to get menu item to protrude downwards */
}
/* /MENU HOVER */

.side-borders {
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;	
}
#mainbar{ /* bar that runs across the bottom of the menu */
 background: #FFFFCC;
}

#slideshow { padding: 10px; position:relative; width:270px; float:left; margin:0 15px 5px 0;  height:265px;  }
#slideshow img { position:absolute; top:5px; right:5px left:0; z-index:8; width:270px; height:265px; border:5px solid #fff; }

#welcome {
	width: 580px;
	float:left;
 color: #643926;
 text-shadow:1px 1px 1px #ffffff;
   }

.todays_special { width:300px; float:right; position:relative; margin:10px; z-index:0; }

.todays_special_top { z-index:0; }
.todays_special_bottom { padding:60px 25px 18px 25px;  z-index:0;  }

.todays_special h3 { margin:0; padding:6px 28px 15px 40px;  font-size:20px; position:absolute; left:3px; top:14px; text-transform:capitalize; width:180px; }

.todays_special p { margin:0 0 8px 0; padding:0;  border:none; font-size:14px; }
.todays_special p.title { font-weight:bold; }
.todays_special p.title a { text-decoration:none; }

.todays_special { background:url(today_special_center.png) repeat-y left top;  }
.todays_special_top { background:url(today_special_top.png) no-repeat top left; }
.todays_special_bottom { background:url(today_special_bottom.png) no-repeat bottom left;   }
.todays_special h3 { background:url(today_special_head.png) no-repeat; color:#ffe692; text-shadow:1px 1px 1px #000000; }
.todays_special img { border:1px solid #b0978c; background:#fff; margin-bottom:8px; }
.todays_special p {border:none;color:#643926; }

#mainpage {
 background:#fff url(pagebg.png) repeat-x top;
 padding:20px;
 padding-top:30px;
}

#mainpage {
 position:relative;
}

#didyou {
  width: 590px;
  float: left;
}

#sidebar {
 float: right;
 width: 290px;
 padding: 30px;
}

.hours {
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #000000;
  font-size: 18px;
}

#sidebar h3.hours {
  background: url("i_time.png") no-repeat scroll 5px 6px #1D643C;
  margin: 0 0 8px;
  padding: 8px 5px 8px 32px;
}

#footer {
	background:url(footerbg.png) repeat-x top;
	/* Fallback for web browsers that doesn't support RGBa */
    background-color: rgb(0, 141, 70);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 141, 70, 0.6);
	clear: both;
	height:50px;
	
    border-radius: 0 0 10px 10px; 
   -moz-border-radius: 0 0 10px 10px; 
   -webkit-border-radius: 0 0 10px 10px; 
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;  
    margin-bottom: 20px;	
}

.row1 { background:#ccecc8; color:#1d643c; border-bottom:1px solid #fff; }
.row2 { background:#fcefc5;  color:#1d643c; border-bottom:1px solid #fff;  }
.time { border-left:1px solid #fff;  }

.row1 { padding:5px; font:17px Georgia, "Times New Roman", Times, serif; }
.row2 { font:13px Georgia, "Times New Roman", Times, serif; }
.day { width:135px; float:left;  padding:8px;   }
.time { width:120px; float:right;  padding:8px; text-align:center;}

#info {
 float:left;
 width:400px;
 display:block;
}
#contact {
 float:right;
 width:400px;
 display:block;
}

#info  h2 {
  height: 52px;
  background: url(contact-icons.png) no-repeat 0 0;
  padding: 0 0 0 60px
}

#info ul li {display: block; height: 42px; margin: 0 0 25px; padding: 0 0 0 60px; color: #000; background: url(side-social.png) no-repeat 0 0}
#info ul .email-icon {background-position: 0 0}
#info ul .phone-icon {background-position: 0 -42px}
#info ul .twitter-icon {background-position: 0 -84px}
#info ul .face-icon {background-position: 0 -126px}


#form {width: 100%; float: right;}

#form fieldset {margin: 0 0 15px; position: relative;}
#form fieldset label {
	font-size: 1em; display: block;
	margin: 0; position: absolute; top: 10px; left: 10px;
}
#form input, #form textarea {
	width: 95%; background: rgba(0,0,0,0.5); 
	border: none; padding: 12px 10px;
	font-size: 1em; color: #fff;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	
	-webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.2);
	-o-box-shadow: 1px 1px 0 rgba(255,255,255,0.2);
	box-shadow: 1px 1px 0 rgba(255,255,255,0.2);
	
}